<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	</head>
	<body>
		<!-- 
		$.get();
		$.post();
		$.ajax(json);
		async  异步还是同步
		data   提交给服务器的数据
		dataType  如果不设定，默认为字符串，"json"转换为json对象
		success   成功后执行的方法
		error     出错后执行的方法
		-->
		<button>测试</button>
		<div id="div01"></div>
		<script>
			$("button").click(function(){
				console.log("被点击了");
				$.ajax({
					"url":'http://apis.juhe.cn/simpleWeather/query',
					"method":"get",
					"async":true,
					"data":{
						"city":"无锡",
						"key":"a18c5d3c557bb00df3caaa08c87b4322"
					},
					"success":function(data){
						$("#div01").html("天气："+data.result.realtime.info+'<br>'+"温度："+data.result.realtime.temperature);
					}
				});
			});
		</script>
	</body>
</html>
